*{margin: 0;padding: 0;}
ul{
    list-style: none;
}
a,button,input,textarea{
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
a{
    text-decoration: none;
}
a,p,span,ul li,h3{
  -webkit-user-select: none;
}
img{
  -webkit-touch-callout: none;
}
html,body,.container{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    background-color: #ccc;
}

header {
  height: 5.3333rem;
}

.swiper-pagination {
  height: 0px;
}

section {
  background-color: #101010;
  color: white;
  overflow: hidden;
}
section{
    flex: 1;
    overflow-y: scroll;
}
footer{
    width: 100%;
}
footer {
  height: 1.3067rem;
  background-color: #1D1D1F;
}

footer ul {
  display: flex;
  justify-content: space-around;
}

footer ul li {
  height: 1.3067rem;
  color: white;
  flex-direction: column;
  justify-content: center;
  font-size: .1867rem;
}

footer ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}

footer ul li img {
  margin-top: .2667rem;
  width: .5667rem;
}

footer ul li span {
  margin-top: .1333rem;
}

.swiper-wrapper img {
  width: 100%;
  height: 5.333rem;
}

.swiper-pagination {
  top: 4.4rem;
  text-align: right;
}

.swiper-pagination-bullet-active {
  background-color: white;
}

.swiper-pagination-bullet {
  width: .1433rem;
  height: .1433rem;
}
.text-overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}